<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <script src="<%= BASE_URL %>js/md5.js"></script>
    <script src="<%= BASE_URL %>js/session-storage.js"></script>
    <title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>

<div id="app">
    <div style="width: 500px;
      height: 100px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -50px 0 0 -200px;font-family: YouYuan;
      color: rgba(0, 0, 0, 1) !important;
      font-size: 20px !important;
      font-weight: 400;">
        <div id="tip">本站带宽较小,首次加载约需<span id="time">21</span>s，劳烦稍等片刻...</div>
    </div>
</div>
<script>
    let timeForWait = document.getElementById('time');
    let tip = document.getElementById('tip');
    let time=21
    let interval = setInterval(()=>{
        if (time===1){
            clearInterval(interval)
            tip.innerHTML='正在加载,请稍等...'
        }
        time--
        timeForWait.innerText=time
    },1000);
</script>
</body>
</html>
